<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>列表</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="description" content=" ">
    <meta name="keywords" content="">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/select.css">
    <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/reset.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div id="wrapper">
        <div id="scroller">  
            <div id="pullDown" class=""><div class="pullDownLabel"></div></div>  
            <div class="pulldown-tips">下拉刷新</div>  
            <ul class="select_list" id="list"></ul>
            <div id="pullUp" class="">
                <div class="pullUpLabel">加载更多</div>  
            </div>  
        </div>  
    </div>
</body>
<script src="js/select.js" type="text/javascript" charset="utf-8"></script>
<script>
    function template(obj){
        return '<li>\
                    <a class="box" href="">\
                        <div class="flex1 pic">\
                            <img src="'+(obj.thump?'http://web-1254154089.file.myqcloud.com'+obj.thump:'imgs/moren.jpg')+'" alt="">\
                        </div>\
                        <div class="flex1 layout overhid">\
                            <p class="title wrapit">'+obj.title+'</p>\
                            <p class="summary">'+obj.article_desc+'</p>\
                        </div>\
                    </a>\
                </li>'
    }
    window.onload = function(){
        Select.getData(1);    
        document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);  
    }  
</script>
</html>